// import React from "./lib/react/React";

import { useState } from "./lib/react/ReactHooks";

function App(props: any) {
  const [count, setCount] = useState(0);

  return (
    <div id={props.id}>
      <button onClick={() => setCount(count - 1)}>-1</button>
      <span>{count}</span>
      <button onClick={() => setCount(count + 1)}>+1</button>

      <div className="one">
        <p className="three">1</p>
        <p className="four">2</p>
      </div>
      <div className="two">
        <p className="fix">3</p>
        <p className="six">4</p>
      </div>
    </div>
  );
}

// class App extends React.Component {
//   constructor(props: any) {
//     super(props);
//   }

//   render() {
//     return (
//       <div id={this.props.id}>
//         <div className="one">
//           <p className="three">1</p>
//           <p className="four">2</p>
//         </div>
//         <div className="two">
//           <p className="fix">3</p>
//           <p className="six">4</p>
//         </div>
//       </div>
//     );
//   }
// }

export default App;
